var name1 = document.querySelector('.name')
var phone = document.querySelector('.phone')
var emali = document.querySelector('.emali')
var message = document.querySelector('.message')
name1.addEventListener('mouseenter', function() {
    name1.style.borderColor = '#07ccca'
})
name1.addEventListener('mouseleave', function() {
    name1.style.borderColor = '#868687'
})



phone.addEventListener('mouseenter', function() {
    phone.style.borderColor = '#07ccca'
})
phone.addEventListener('mouseleave', function() {
    phone.style.borderColor = '#868687'
})



emali.addEventListener('mouseenter', function() {
    emali.style.borderColor = '#07ccca'
})
emali.addEventListener('mouseleave', function() {
    emali.style.borderColor = '#868687'
})


message.addEventListener('mouseenter', function() {
    message.style.borderColor = '#07ccca'
})
message.addEventListener('mouseleave', function() {
    message.style.borderColor = '#868687'
})